.game-page-battle {
  list-style: none;
  width: 95%;
  height: 100%;
  overflow: normal;
  position: relative;
  margin: 0 auto;
  padding: 0;
  li {
    width: 100%;
    height: 100%;
    position: absolute;
    &.animated-page {
      transition: .35s transform;
    }
    &.animated-page-fast {
      transition: .2s transform;
    }
    // background-image: url(../../img/battle/battle-di.png);
    // background-size: cover;
    .first{
      margin-top: 1rem;
      .game-name-battle {
        margin-top: 0rem;
      }
    }
    .battle-di {
      top: 0;
      left: 0;
    }
    .games-warpper {
      position: absolute;
      width: 88%;
      height: 100%;
      top: 1%;
      left: 5%;
      // padding-top: 12%;
      align-content: center!important;
    }
  }
}

.indicator-battle {
  height: 10%;
  text-align: center;
  img {
    margin: 0 .5rem;
    width: 1.5rem;
  }
}

.game-icon-battle {
  width: 90%;
  margin: auto;
  display: block;
  &.second {
    margin-top: 1rem;
  }
}

@media screen and (min-height: 600px) {
  .game-page-battle li .first{
    margin-top: 0rem;
  }
}